<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">    <link rel="stylesheet" href="${s.base}/pc/css/index.css">
    <style>
        html {
            font-size: 62.5%
        }
    </style>
</head>

<body>
    <div class="head">
        <img src="${webConfig.logo}" alt="">
        <span class="click_one" onclick="window.location.href='/'" data-type="shouye">首页</span>
        <#list navigationList as navigation>
            <#if navigation.type=="2">
                <span class="click_one <#if menuId ==navigation.id>click_active</#if>" onclick="window.location.href='${navigation.url}?menuId=${navigation.id}'" data-type="ysyfw">${navigation.name}</span>
            </#if>
        </#list>
        <select onchange="getSelect()" name="" id="select_lo">
            <option value="1">繁体</option>
            <option value="2">简体</option>
        </select>
    </div>
    <div class="banner">
        <div class="swiper-container" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
        <div class="swiper-wrapper">
            <#list bannerList as banner>
                <div class="swiper-slide">
                    <a href="${banner.url!'javascript:void(0)'}"><img src="${banner.image}"/></a>
                </div>
            </#list>
        </div>
        </div>
    </div>
    <div>
        <div id="ysyfw">
            <div class="fuwu">
                <h3>優勢與服務</h3>
                <p>經營的產品遍及凝血、尿液分析、微生物、生化、危重監護系統、免疫系列等臨床檢驗各領域，適用於醫院檢驗科、</p>
                <p>各類醫學院校實驗室等各種場合。融合國際尖端微精技術，採用多維立體設計臉部形態。</p>
            </div>
            <div style="display:flex;justify-content: center;align-items: center;">
                <div class="four_block">
                    <img src="${s.base}/pc/images/2.png" alt="">
                    <p>安全保障</p>
                    <p>Security</p>
                </div>
                <div class="four_block">
                    <img src="${s.base}/pc/images/3.png" alt="">
                    <p>技術領先</p>
                    <p>Leading technology</p>
                </div>
                <div class="four_block">
                    <img src="${s.base}/pc/images/4.png" alt="">
                    <p>值得信賴</p>
                    <p>trustworthy</p>
                </div>
                <div class="four_block">
                    <img src="${s.base}/pc/images/5.png" alt="">
                    <p>貼心服務</p>
                    <p>Intimate service</p>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div>
            <img src="${s.base}/pc/images/11.png" alt="">
            <p>电话：${webConfig.workPhone}</p>
        </div>
        <div>
            <img src="${s.base}/pc/images/10.png" alt="">
            <p>邮箱：${webConfig.eamil}</p>
        </div>
        <div>
            <img src="${s.base}/pc/images/9.png" alt="">
            <p>地址：${webConfig.address}</p>
        </div>
    </div>
</body>

</html>
<!-- body 最后 -->
<script src="${s.base}/mobile/js/jquery.min.js"></script>
<script src="${s.base}/mobile/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/city-picker.min.js"></script>
<script src="${s.base}/pc/js/transition.js"></script>
<script>
    function getSelect(){
        var val_e = $("#select_lo").val()
        if(val_e == 1){
            zh_tran('t')
        }
        if(val_e == 2){
            zh_tran('s')
        }
    }
</script>